<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>

<script type="text/javascript" src = "https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

<body>

<script type="text/javascript">
	
	/* 加载html完后执行 ，表示文档结构加载完成
		javascript文档加载完事件页面有两种
		一是ready，表示文档结构加载完成
		二是onload，指示页面包含图片等文件在内的所有元素都加载完成
		$(function(){})其实是$(document).ready(function(){})的简写
	*/
	$(function(){
		$('#sendajax').click(function(){
			
			//发送ajax请求
			$.get("../getPost?id=1",function(data){
				console.log(data)
				/* 显示到浏览器 */
				var p = "id:"+data.id+"title:"+data.title+"content:"+data.content+"created:"+data.created;
				
				$('#result').text(p);
			})
		})
	})

</script>
<button id = "sendajax">发送ajax请求</button>
<div id = "result"></div>
</body>
</html>